﻿<html>
    <head>
        <title>Tabular</title>
    </head>
    <body>
        <h1>Tabular</h1>
        <table id="example">
            <thead>
                <tr>
                    <th>Column A</th>
                    <th>Column B</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1A</td>
                    <td>1B</td>
                </tr>
                <tr>
                    <td>2A</td>
                    <td>2B</td>
                </tr>
            </tbody>
        </table>
        <table>
            <tr>
                <td>_<em>_</em>_</td>
            </tr>
        </table>
        <table>
            <caption>Caption</caption>
            <tr>
                <td>data</td>
            </tr>
        </table>
        <table id="duplicate">
        </table>
        <table id="duplicate">
        </table>
        <table id="heading-colspan">
            <thead>
                <tr>
                    <th>Column A</th>
                    <th colspan="2">Columns B &amp; C</th>
                    <th>Column D</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1A</td>
                    <td>1B</td>
                    <td>1C</td>
                    <td>1D</td>
                </tr>
                <tr>
                    <td>2A</td>
                    <td>2B</td>
                    <td>2C</td>
                    <td>2D</td>
                </tr>
            </tbody>
        </table>
        <table id="cell-colspan">
            <thead>
                <tr>
                    <th>Column A</th>
                    <th>Column B</th>
                    <th>Column C</th>
                    <th>Column D</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1A</td>
                    <td>1B</td>
                    <td>1C</td>
                    <td>1D</td>
                </tr>
                <tr>
                    <td>2A</td>
                    <td colspan="2">2B + 2C</td>
                    <td>2D</td>
                </tr>
            </tbody>
        </table>
        <table id="vertical">
            <tr>
                <th>Value A</th>
                <td>1A</td>
                <td>2A</td>
            </tr>
            <tr>
                <th>Value B</th>
                <td>1B</td>
                <td>2B</td>
            </tr>
        </table>
        <table id="vertical-cell-rowspan">
            <tr>
                <th>Value A</th>
                <td>1A</td>
                <td>2A</td>
            </tr>
            <tr>
                <th>Value B</th>
                <td rowspan="2">1B + 1C</td>
                <td>2B</td>
            </tr>
            <tr>
                <th>Value C</th>
                <td>2C</td>
            </tr>
            <tr>
                <th>Value D</th>
                <td>1D</td>
                <td>2D</td>
            </tr>
        </table>
        <table id="vertical-heading-rowspan">
            <tr>
                <th>Value A</th>
                <td>1A</td>
                <td>2A</td>
            </tr>
            <tr>
                <th rowspan="2">Value B &amp; C</th>
                <td>1B</td>
                <td>2B</td>
            </tr>
            <tr>
                <td>1C</td>
                <td>2C</td>
            </tr>
            <tr>
                <th>Value D</th>
                <td>1D</td>
                <td>2D</td>
            </tr>
        </table>
        <table id="empty-table">
        </table>
        <table id="empty-row">
        </table>
        <table id="measurements">
            <caption>Weather measurements from Friday, January 01, 2010 to Saturday, December 31, 2011.</caption>
            <thead>
                <tr>
                    <th id="date" rowspan="2">Date</th>
                    <th colspan="3">Temperature (°F)</th>
                </tr>
                <tr>
                    <th id="minimum-temperature">Minimum</th>
                    <th id="mean-temperature">Mean</th>
                    <th id="maximum-temperature">Maximum</th>
                </tr>
            </thead>
            <tbody>
                <tr id="date-2010-01-01">
                    <td>Friday, January 01, 2010</td>
                    <td>26.6</td>
                    <td>31.8</td>
                    <td>35.8</td>
                </tr>
                <tr id="date-2011-12-31">
                    <td>Saturday, December 31, 2011</td>
                    <td>40.5</td>
                    <td>52.8</td>
                    <td>55.4</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>